<template>
    <div>
        <nav-popup ></nav-popup>
        <div class="home">
            <van-button type="primary" size="large" to="/spa/mobile/mainte/headView">Head保养查看</van-button>
            <van-button type="primary" size="large" to="/spa/mobile/mainte/addHeadMaintain">Head保养登记</van-button>
            <van-button type="primary" size="large" to="/spa/mobile/mainte/module">模组保养登记</van-button>
            <!-- <van-button type="primary" size="large" to="/spa/mobile/mainte/feeder">Feeder保养登记</van-button> -->
            <van-button type="primary" size="large" to="/spa/mobile/mainte/nozzle">Nozzle保养登记</van-button>
        </div>
    </div>
</template>

<script>
import NavPopup from './NavPopup.vue'

export default {
    components: {
        NavPopup,
    },
};
</script>

<style scoped>
.home{
    display: flex;
    height: 100vh;
    flex-direction: column;
    padding: 22px;
}

.home>button{
    margin-bottom: 16px;
}
</style>